<template>
  <div>
    <div id="footer" class="">
      <div class="content">
        <div class="box1">
          <ul>
            <li>产品服务</li>
            <li></li>
            <li><a @click="goApplicationAddUrl()">托管分发</a></li>
            <li><a href="#">建议与反馈</a></li>
          </ul>
        </div>
        <div class="box2">
          <ul>
            <li>关于我们</li>
            <li></li>
            <li><a href="/#/about">公司简介</a></li>
            <li><a href="/#/privacy">隐私政策</a></li>
            <li><a href="#">更新日志</a></li>
          </ul>
        </div>
        <div class="box3">
          <ul>
            <li>联系我们</li>
            <li></li>
            <li><a href="#">联系电话：4006760286</a></li>
            <li><a href="#">联系邮箱：admin@hnzzwlkj.com</a></li>
            <li><a href="#">联系QQ：3007685427</a></li>

          </ul>
        </div>
        <div class="box4">
          <el-carousel type="card" height="200px" :autoplay="false" arrow="never" indicator-position='none'
            style="width:450px">
            <el-carousel-item v-for="item in wxVal" :key="item.text" class="carousel-item">
              <img :src="item.src" alt="">
              <p v-html="item.text"></p>
            </el-carousel-item>
          </el-carousel>
        </div>
      </div>
      <div class="yqlj">
        <p>友情链接</p>
        <div class="yqlj-img">
          <a href="http://www.xmff.cn/" target="_blank">
            <img src="/static/home/yl_xmff.png" alt=""></a>
          <a href="http://dafa.lsmapp.com/login/index.html" target="_blank">
            <img src="/static/home/yl_dfa.png" alt=""></a>
        </div>
      </div>
      <div class="text">
        <p>
          Copyright © 2020-2021 河南蜘蛛网络科技有限公司 版权所有
          公司地址：河南省开封市龙亭区西大街109号
        </p>
        <p><a href="https://beian.miit.gov.cn/" target="_blank">{{
            beianhao
          }}</a>&nbsp;&nbsp;<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41020202000118"
            target="_blank"><img style="width:15px;position:relative;top:-2px;left:-2px;" src="/static/备案图标.png">豫公网安备
            41020202000118号</a>
        </p>
      </div>

      <div class="object-img">
        <a id="_xinchacharenzheng_cert_vip_kexinweb" style="text-decoration:none;" target="_blank"
          href="https://xyt.xinchacha.com/pcinfo?sn=1463384076692275200&certType=6">
          <img src="../../../static/home/icon3.png" />
        </a>
        <a target="_blank" href="https://v.yunaq.com/certificate?domain=www.lumayun.com&from=label&code=90020">
          <img src="../../../static/home/label_lg_90020.a989a72.png" /></a>
        <a id="_pingansec_bottomimagelarge_shiming" target="_blank"
          href="//si.trustutn.org/info?sn=574211203040913543066&certType=1"><img
            src="../../../static/home/bottom_large_img.png" /></a>
        <a target="_blank" href="https://www.315gov.cn/certDetailP.html?certId=351372&certType=hxzc">
          <img src="/static/home/dtuu.jpg" /></a>
        <a target="_blank" href="https://lumayun.com/static/home/yyzz.jpg">
          <img src="/static/home/yz.jpg" /></a>
      </div>
    </div>
    <!-- <div style="width:300px;margin:0 auto; padding:20px 0;">
      <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41020202000118"
        style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src=""
          style="float:left;" />
        <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">豫公网安备 41020202000118号
        </p>
      </a>
    </div> -->
  </div>
</template>

<script>
  export default {
    //import引入的组件需要注入到对象中才能使用
    components: {},
    data() {
      //这里存放数据
      return {
        // img: "../../../static/品牌标识图片.png",
        url: "/static/logo-d.png",
        beianhao: localStorage.getItem("beianhao"),
        wxVal: [{
          src: '../../../static/home/xcx.jpg',
          text: '获取微信小程序'
        }, {
          src: '../../../static/home/wem.png',
          text: '撸码云公众号'
        }, {
          src: '../../../static/home/contact_me_qr.png',
          text: '企业微信联系我们'
        }],
      };
    },
    //监听属性 类似于data概念
    computed: {},
    //监控data中的数据变化
    watch: {},
    //方法集合
    methods: {
      //跳转路由
      goApplicationAddUrl() {
        this.$router.push({
          path: "adhibition",
          name: "adhibition"
        });
        window.scrollTo(0, 0);
        sessionStorage.setItem("currentTab_title", "adhibition");
        sessionStorage.setItem("currentTab", "first");
        location.reload();
      },
      //价格
      goPrice() {
        window.scrollTo(0, 0);
        this.$router.push({
          path: "price",
          name: "price"
        });

        sessionStorage.setItem("currentTab_title", "price");
        location.reload();
      }
    },
    //生命周期 - 创建完成（可以访问当前this实例）
    created() {},
    //生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {}
  };

</script>
<style scoped>
  /* 页脚样式 */
  #footer {
    background: #000;
    padding: 20px 0px;
  }

  #footer a:hover {
    color: #fff;
  }

  .content {
    margin: 20px 18vw 0px 20vw;
  }

  .box1 {
    display: inline-block;
    width: 12vw;
    vertical-align: top;
  }

  .box2 {
    display: inline-block;
    width: 12vw;
    vertical-align: top;
  }

  .box3 {
    display: inline-block;
    width: 12vw;
    vertical-align: top;
  }

  .box4 {
    display: inline-block;
    width: 20vw;
    vertical-align: top;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #9a9a9a;
  }

  .el-carousel__item {
    opacity: 1;
    width: 158px;
    margin: 0;
  }

  .el-carousel__item img {
    width: 158px;
  }

  .el-carousel__item p {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
  }

  .el-carousel__item:nth-child(2n) {
    background-color: #000;
  }

  .el-carousel__item:nth-child(2n+1) {
    background-color: #000;
  }

  .carousel-item>>>.el-carousel__mask {
    background-color: #000;
  }

  ul li {
    list-style: none;
    line-height: 25px;

  }

  ul {
    padding: 0px;
  }

  a {
    text-decoration: none;
    cursor: pointer;
  }

  a:focus {
    text-decoration: none;
  }

  a {
    color: white;
  }

  .box1 ul li:first-child,
  .box2 ul li:first-child,
  .box3 ul li:first-child {
    color: #fff;
    font-size: 18px;
  }

  .box1 ul li:nth-child(2),
  .box2 ul li:nth-child(2),
  .box3 ul li:nth-child(2) {
    margin-bottom: 20px;
  }

  .yqlj {
    margin: 0px 16vw;
  }

  .yqlj p {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 0px;
  }

  .yqlj-img {
    margin: 10px 0px 30px 0px;
  }

  .yqlj-img img {
    width: 150px;
    height: 40px;
    margin-right: 5px;
  }

  .text {
    text-align: center;
    padding-top: 30px;
    color: #fff;
    border-top: 1px solid #1a1a1a;
  }

  .text a {
    color: #fff;
  }

  .text img {
    margin-left: 10px;
  }

  .object-img {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .object-img img {
    width: 102px;
    margin: 0px 10px;
  }

  .object-img a img {
    width: 102px;
    margin: 0px 10px;
  }

  @media (max-width: 576px) {
    .object-img {
      display: none;
    }
  }

</style>
